<template>
  <div>
    <el-main>
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="我的专利" name="Patent">
          <Patent key="Patent"></Patent>
        </el-tab-pane>
        <el-tab-pane label="竞争对手" name="competitor">
          <competitor key="competitor"></competitor>
        </el-tab-pane>
        <el-tab-pane label="产学研" name="Research">
          <Research key="Research"></Research>
        </el-tab-pane>
        <el-tab-pane label="发明人" name="inventor">
          <inventor key="inventor"></inventor>
        </el-tab-pane>
      </el-tabs>
    </el-main>
    <Service />
  </div>
</template>

<script>
import Service from '@/components/Service'
import patent from './components/patent'
import Patent from './components/patent.vue'
import competitor from './components/competitor.vue'
import Research from './components/Research.vue'
import inventor from './components/inventor.vue'
export default {
  data() {
    return {
      activeName: 'Patent',
    }
  },
  components: {
    Service,
    patent,
    Patent,
    competitor,
    Research,
    inventor
},
  computed: {

  },
  mounted() {
    if(this.$route.query.name){
      this.activeName = this.$route.query.name
    }
  },
  methods: {
    handleClick(){
      // console.log(this.activeName)
    }
  }
}
</script>

<style scoped lang="less">
</style>
